{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "<!--BOOK_INFORMATION-->\n",
    "<a href=\"https://user-images.githubusercontent.com/19553554/71825144-2d568180-30d6-11ea-8ee0-63c849cfd934.png\" target=\"_blank\"><img align=\"left\" style=\"width: 76px; height: 100px; background: white; padding: 1px; border: 1px solid black; margin-right:10px;\"></a>\n",
    "*pyecharts 是一个用于生成 Echarts 图表的类库。Echarts 是百度开源的一个数据可视化 JS 库。用 Echarts 生成的图可视化效果非常棒，为了与 Python 进行对接，方便在 Python 中直接使用数据生成图，于是有人开发出了这个项目[GitHub](https://github.com/pyecharts/pyecharts) .*\n",
    "\n",
    "*Note.建议本程序在参看https://github.com/pyecharts/pyecharts 的安装步骤后再运行； 本程序所有的例子都是从官方提供的样例代码[GitHub](https://github.com/pyecharts/pyecharts-gallery)中提取的,如果对某个API有疑问建议在IDE里面查看*\n",
    "\n",
    "*Echart类型图种大全:https://echarts.apache.org/examples/zh/#chart-type-line pyecharts图导入到ppt中的方法:https://baijiahao.baidu.com/s?id=1663839456876951842&wfr=spider&for=pc.*\n",
    "\n",
    "*作者: LBQ; 时间:2020/7/24. 邮箱:779660843@qq.com*"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# XXXIV.主题(Theme)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'chalk':'https://assets.pyecharts.org/assets/themes/chalk', 'essos':'https://assets.pyecharts.org/assets/themes/essos', 'infographic':'https://assets.pyecharts.org/assets/themes/infographic', 'macarons':'https://assets.pyecharts.org/assets/themes/macarons', 'purple-passion':'https://assets.pyecharts.org/assets/themes/purple-passion', 'roma':'https://assets.pyecharts.org/assets/themes/roma', 'romantic':'https://assets.pyecharts.org/assets/themes/romantic', 'shine':'https://assets.pyecharts.org/assets/themes/shine', 'vintage':'https://assets.pyecharts.org/assets/themes/vintage', 'walden':'https://assets.pyecharts.org/assets/themes/walden', 'westeros':'https://assets.pyecharts.org/assets/themes/westeros', 'wonderland':'https://assets.pyecharts.org/assets/themes/wonderland'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"001fab2e15b14f22938a7c4ec150e38c\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"ef1ac18cc8f24ab18d7211db3fe8e0b2\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"3c07c632a2864d948c310e392b374679\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"e5a6073f47de4f76b2b95e07f3811630\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"29cce255945847c69d66af3d8d216887\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"4500fb0ad3264fb8ac69eb9a3cd35def\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"6ba3c9a9d6dc46c8ab4baab9a7a60143\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"cf51c281779d4f2bb93770016d88c86b\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"f131a2fa28eb446fb509dffc73853ad1\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"d7829875bb5646a8b387f2ae4c5c7324\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"dfc07c12d26b4796822f7eec352fe74c\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"5615bf29b12e44c4a256b849dcbb03a0\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"a817f35c279f4d958b8e946969ccccf4\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"f6b2c494d113474d9150ce75187e2853\" style=\"width:900px; height:500px;\"></div>\n",
       "        <div id=\"ad93a8a3bd664907bca4cb760dda8c89\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', 'chalk', 'essos', 'infographic', 'macarons', 'purple-passion', 'roma', 'romantic', 'shine', 'vintage', 'walden', 'westeros', 'wonderland'], function(echarts) {\n",
       "                var chart_001fab2e15b14f22938a7c4ec150e38c = echarts.init(\n",
       "                    document.getElementById('001fab2e15b14f22938a7c4ec150e38c'), 'white', {renderer: 'canvas'});\n",
       "                var option_001fab2e15b14f22938a7c4ec150e38c = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                87,\n",
       "                59,\n",
       "                36,\n",
       "                78,\n",
       "                94,\n",
       "                113,\n",
       "                141\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                62,\n",
       "                140,\n",
       "                22,\n",
       "                144,\n",
       "                66,\n",
       "                149,\n",
       "                72\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                133,\n",
       "                106,\n",
       "                102,\n",
       "                104,\n",
       "                50,\n",
       "                51,\n",
       "                109\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                22,\n",
       "                104,\n",
       "                38,\n",
       "                94,\n",
       "                136,\n",
       "                117,\n",
       "                26\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u886c\\u886b\",\n",
       "                \"\\u6bdb\\u8863\",\n",
       "                \"\\u9886\\u5e26\",\n",
       "                \"\\u88e4\\u5b50\",\n",
       "                \"\\u98ce\\u8863\",\n",
       "                \"\\u9ad8\\u8ddf\\u978b\",\n",
       "                \"\\u889c\\u5b50\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-default\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_001fab2e15b14f22938a7c4ec150e38c.setOption(option_001fab2e15b14f22938a7c4ec150e38c);\n",
       "                var chart_ef1ac18cc8f24ab18d7211db3fe8e0b2 = echarts.init(\n",
       "                    document.getElementById('ef1ac18cc8f24ab18d7211db3fe8e0b2'), 'light', {renderer: 'canvas'});\n",
       "                var option_ef1ac18cc8f24ab18d7211db3fe8e0b2 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                48,\n",
       "                32,\n",
       "                89,\n",
       "                118,\n",
       "                134,\n",
       "                99,\n",
       "                120\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                86,\n",
       "                92,\n",
       "                82,\n",
       "                36,\n",
       "                92,\n",
       "                121,\n",
       "                20\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                91,\n",
       "                86,\n",
       "                52,\n",
       "                97,\n",
       "                23,\n",
       "                103,\n",
       "                38\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                103,\n",
       "                70,\n",
       "                54,\n",
       "                71,\n",
       "                125,\n",
       "                49,\n",
       "                59\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u54c8\\u58eb\\u5947\",\n",
       "                \"\\u8428\\u6469\\u8036\",\n",
       "                \"\\u6cf0\\u8fea\",\n",
       "                \"\\u91d1\\u6bdb\",\n",
       "                \"\\u7267\\u7f8a\\u72ac\",\n",
       "                \"\\u5409\\u5a03\\u5a03\",\n",
       "                \"\\u67ef\\u57fa\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-light\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_ef1ac18cc8f24ab18d7211db3fe8e0b2.setOption(option_ef1ac18cc8f24ab18d7211db3fe8e0b2);\n",
       "                var chart_3c07c632a2864d948c310e392b374679 = echarts.init(\n",
       "                    document.getElementById('3c07c632a2864d948c310e392b374679'), 'dark', {renderer: 'canvas'});\n",
       "                var option_3c07c632a2864d948c310e392b374679 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                74,\n",
       "                44,\n",
       "                97,\n",
       "                107,\n",
       "                62,\n",
       "                21,\n",
       "                53\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                134,\n",
       "                31,\n",
       "                60,\n",
       "                143,\n",
       "                123,\n",
       "                105,\n",
       "                23\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                102,\n",
       "                20,\n",
       "                135,\n",
       "                125,\n",
       "                150,\n",
       "                50,\n",
       "                46\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                135,\n",
       "                64,\n",
       "                112,\n",
       "                34,\n",
       "                65,\n",
       "                45,\n",
       "                140\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u5468\\u4e00\",\n",
       "                \"\\u5468\\u4e8c\",\n",
       "                \"\\u5468\\u4e09\",\n",
       "                \"\\u5468\\u56db\",\n",
       "                \"\\u5468\\u4e94\",\n",
       "                \"\\u5468\\u516d\",\n",
       "                \"\\u5468\\u65e5\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-dark\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_3c07c632a2864d948c310e392b374679.setOption(option_3c07c632a2864d948c310e392b374679);\n",
       "                var chart_e5a6073f47de4f76b2b95e07f3811630 = echarts.init(\n",
       "                    document.getElementById('e5a6073f47de4f76b2b95e07f3811630'), 'chalk', {renderer: 'canvas'});\n",
       "                var option_e5a6073f47de4f76b2b95e07f3811630 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                112,\n",
       "                132,\n",
       "                47,\n",
       "                80,\n",
       "                78,\n",
       "                86,\n",
       "                48\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                80,\n",
       "                128,\n",
       "                77,\n",
       "                146,\n",
       "                85,\n",
       "                44,\n",
       "                119\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                41,\n",
       "                47,\n",
       "                60,\n",
       "                118,\n",
       "                150,\n",
       "                48,\n",
       "                63\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                20,\n",
       "                27,\n",
       "                68,\n",
       "                137,\n",
       "                113,\n",
       "                46,\n",
       "                56\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u5468\\u4e00\",\n",
       "                \"\\u5468\\u4e8c\",\n",
       "                \"\\u5468\\u4e09\",\n",
       "                \"\\u5468\\u56db\",\n",
       "                \"\\u5468\\u4e94\",\n",
       "                \"\\u5468\\u516d\",\n",
       "                \"\\u5468\\u65e5\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-chalk\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_e5a6073f47de4f76b2b95e07f3811630.setOption(option_e5a6073f47de4f76b2b95e07f3811630);\n",
       "                var chart_29cce255945847c69d66af3d8d216887 = echarts.init(\n",
       "                    document.getElementById('29cce255945847c69d66af3d8d216887'), 'essos', {renderer: 'canvas'});\n",
       "                var option_29cce255945847c69d66af3d8d216887 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                140,\n",
       "                113,\n",
       "                72,\n",
       "                84,\n",
       "                24,\n",
       "                54,\n",
       "                51\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                61,\n",
       "                126,\n",
       "                78,\n",
       "                51,\n",
       "                140,\n",
       "                86,\n",
       "                72\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                69,\n",
       "                31,\n",
       "                124,\n",
       "                102,\n",
       "                124,\n",
       "                58,\n",
       "                67\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                143,\n",
       "                93,\n",
       "                122,\n",
       "                44,\n",
       "                22,\n",
       "                139,\n",
       "                95\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u54c8\\u58eb\\u5947\",\n",
       "                \"\\u8428\\u6469\\u8036\",\n",
       "                \"\\u6cf0\\u8fea\",\n",
       "                \"\\u91d1\\u6bdb\",\n",
       "                \"\\u7267\\u7f8a\\u72ac\",\n",
       "                \"\\u5409\\u5a03\\u5a03\",\n",
       "                \"\\u67ef\\u57fa\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-essos\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_29cce255945847c69d66af3d8d216887.setOption(option_29cce255945847c69d66af3d8d216887);\n",
       "                var chart_4500fb0ad3264fb8ac69eb9a3cd35def = echarts.init(\n",
       "                    document.getElementById('4500fb0ad3264fb8ac69eb9a3cd35def'), 'infographic', {renderer: 'canvas'});\n",
       "                var option_4500fb0ad3264fb8ac69eb9a3cd35def = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                120,\n",
       "                106,\n",
       "                119,\n",
       "                23,\n",
       "                142,\n",
       "                67,\n",
       "                57\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                127,\n",
       "                52,\n",
       "                149,\n",
       "                80,\n",
       "                50,\n",
       "                77,\n",
       "                144\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                101,\n",
       "                137,\n",
       "                41,\n",
       "                133,\n",
       "                134,\n",
       "                119,\n",
       "                24\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                49,\n",
       "                142,\n",
       "                104,\n",
       "                143,\n",
       "                100,\n",
       "                57,\n",
       "                75\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u5468\\u4e00\",\n",
       "                \"\\u5468\\u4e8c\",\n",
       "                \"\\u5468\\u4e09\",\n",
       "                \"\\u5468\\u56db\",\n",
       "                \"\\u5468\\u4e94\",\n",
       "                \"\\u5468\\u516d\",\n",
       "                \"\\u5468\\u65e5\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-infographic\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_4500fb0ad3264fb8ac69eb9a3cd35def.setOption(option_4500fb0ad3264fb8ac69eb9a3cd35def);\n",
       "                var chart_6ba3c9a9d6dc46c8ab4baab9a7a60143 = echarts.init(\n",
       "                    document.getElementById('6ba3c9a9d6dc46c8ab4baab9a7a60143'), 'macarons', {renderer: 'canvas'});\n",
       "                var option_6ba3c9a9d6dc46c8ab4baab9a7a60143 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                96,\n",
       "                128,\n",
       "                88,\n",
       "                133,\n",
       "                138,\n",
       "                31,\n",
       "                59\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                86,\n",
       "                68,\n",
       "                25,\n",
       "                115,\n",
       "                25,\n",
       "                138,\n",
       "                70\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                73,\n",
       "                135,\n",
       "                30,\n",
       "                78,\n",
       "                63,\n",
       "                74,\n",
       "                100\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                149,\n",
       "                116,\n",
       "                39,\n",
       "                70,\n",
       "                150,\n",
       "                106,\n",
       "                50\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u54c8\\u58eb\\u5947\",\n",
       "                \"\\u8428\\u6469\\u8036\",\n",
       "                \"\\u6cf0\\u8fea\",\n",
       "                \"\\u91d1\\u6bdb\",\n",
       "                \"\\u7267\\u7f8a\\u72ac\",\n",
       "                \"\\u5409\\u5a03\\u5a03\",\n",
       "                \"\\u67ef\\u57fa\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-macarons\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_6ba3c9a9d6dc46c8ab4baab9a7a60143.setOption(option_6ba3c9a9d6dc46c8ab4baab9a7a60143);\n",
       "                var chart_cf51c281779d4f2bb93770016d88c86b = echarts.init(\n",
       "                    document.getElementById('cf51c281779d4f2bb93770016d88c86b'), 'purple-passion', {renderer: 'canvas'});\n",
       "                var option_cf51c281779d4f2bb93770016d88c86b = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                44,\n",
       "                89,\n",
       "                40,\n",
       "                80,\n",
       "                75,\n",
       "                78,\n",
       "                47\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                89,\n",
       "                26,\n",
       "                45,\n",
       "                122,\n",
       "                149,\n",
       "                27,\n",
       "                32\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                92,\n",
       "                142,\n",
       "                41,\n",
       "                125,\n",
       "                26,\n",
       "                95,\n",
       "                119\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                28,\n",
       "                137,\n",
       "                124,\n",
       "                88,\n",
       "                68,\n",
       "                46,\n",
       "                87\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u54c8\\u58eb\\u5947\",\n",
       "                \"\\u8428\\u6469\\u8036\",\n",
       "                \"\\u6cf0\\u8fea\",\n",
       "                \"\\u91d1\\u6bdb\",\n",
       "                \"\\u7267\\u7f8a\\u72ac\",\n",
       "                \"\\u5409\\u5a03\\u5a03\",\n",
       "                \"\\u67ef\\u57fa\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-purple-passion\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_cf51c281779d4f2bb93770016d88c86b.setOption(option_cf51c281779d4f2bb93770016d88c86b);\n",
       "                var chart_f131a2fa28eb446fb509dffc73853ad1 = echarts.init(\n",
       "                    document.getElementById('f131a2fa28eb446fb509dffc73853ad1'), 'roma', {renderer: 'canvas'});\n",
       "                var option_f131a2fa28eb446fb509dffc73853ad1 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                74,\n",
       "                75,\n",
       "                103,\n",
       "                24,\n",
       "                146,\n",
       "                47,\n",
       "                71\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                49,\n",
       "                66,\n",
       "                62,\n",
       "                33,\n",
       "                26,\n",
       "                137,\n",
       "                138\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                148,\n",
       "                67,\n",
       "                139,\n",
       "                134,\n",
       "                29,\n",
       "                83,\n",
       "                134\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                148,\n",
       "                135,\n",
       "                150,\n",
       "                131,\n",
       "                130,\n",
       "                91,\n",
       "                139\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u8349\\u8393\",\n",
       "                \"\\u8292\\u679c\",\n",
       "                \"\\u8461\\u8404\",\n",
       "                \"\\u96ea\\u68a8\",\n",
       "                \"\\u897f\\u74dc\",\n",
       "                \"\\u67e0\\u6aac\",\n",
       "                \"\\u8f66\\u5398\\u5b50\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-roma\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_f131a2fa28eb446fb509dffc73853ad1.setOption(option_f131a2fa28eb446fb509dffc73853ad1);\n",
       "                var chart_d7829875bb5646a8b387f2ae4c5c7324 = echarts.init(\n",
       "                    document.getElementById('d7829875bb5646a8b387f2ae4c5c7324'), 'romantic', {renderer: 'canvas'});\n",
       "                var option_d7829875bb5646a8b387f2ae4c5c7324 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                73,\n",
       "                51,\n",
       "                25,\n",
       "                30,\n",
       "                137,\n",
       "                63,\n",
       "                94\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                130,\n",
       "                125,\n",
       "                121,\n",
       "                21,\n",
       "                68,\n",
       "                143,\n",
       "                129\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                62,\n",
       "                60,\n",
       "                109,\n",
       "                42,\n",
       "                23,\n",
       "                91,\n",
       "                116\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                147,\n",
       "                104,\n",
       "                60,\n",
       "                70,\n",
       "                111,\n",
       "                144,\n",
       "                109\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u8349\\u8393\",\n",
       "                \"\\u8292\\u679c\",\n",
       "                \"\\u8461\\u8404\",\n",
       "                \"\\u96ea\\u68a8\",\n",
       "                \"\\u897f\\u74dc\",\n",
       "                \"\\u67e0\\u6aac\",\n",
       "                \"\\u8f66\\u5398\\u5b50\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-romantic\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_d7829875bb5646a8b387f2ae4c5c7324.setOption(option_d7829875bb5646a8b387f2ae4c5c7324);\n",
       "                var chart_dfc07c12d26b4796822f7eec352fe74c = echarts.init(\n",
       "                    document.getElementById('dfc07c12d26b4796822f7eec352fe74c'), 'shine', {renderer: 'canvas'});\n",
       "                var option_dfc07c12d26b4796822f7eec352fe74c = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                97,\n",
       "                48,\n",
       "                116,\n",
       "                54,\n",
       "                123,\n",
       "                107,\n",
       "                35\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                23,\n",
       "                120,\n",
       "                92,\n",
       "                84,\n",
       "                89,\n",
       "                90,\n",
       "                99\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                44,\n",
       "                129,\n",
       "                40,\n",
       "                60,\n",
       "                37,\n",
       "                64,\n",
       "                142\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                90,\n",
       "                46,\n",
       "                75,\n",
       "                76,\n",
       "                28,\n",
       "                47,\n",
       "                100\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u5468\\u4e00\",\n",
       "                \"\\u5468\\u4e8c\",\n",
       "                \"\\u5468\\u4e09\",\n",
       "                \"\\u5468\\u56db\",\n",
       "                \"\\u5468\\u4e94\",\n",
       "                \"\\u5468\\u516d\",\n",
       "                \"\\u5468\\u65e5\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-shine\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_dfc07c12d26b4796822f7eec352fe74c.setOption(option_dfc07c12d26b4796822f7eec352fe74c);\n",
       "                var chart_5615bf29b12e44c4a256b849dcbb03a0 = echarts.init(\n",
       "                    document.getElementById('5615bf29b12e44c4a256b849dcbb03a0'), 'vintage', {renderer: 'canvas'});\n",
       "                var option_5615bf29b12e44c4a256b849dcbb03a0 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                132,\n",
       "                131,\n",
       "                64,\n",
       "                25,\n",
       "                71,\n",
       "                107,\n",
       "                88\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                83,\n",
       "                57,\n",
       "                129,\n",
       "                99,\n",
       "                108,\n",
       "                87,\n",
       "                84\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                31,\n",
       "                64,\n",
       "                107,\n",
       "                55,\n",
       "                78,\n",
       "                99,\n",
       "                39\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                55,\n",
       "                128,\n",
       "                55,\n",
       "                58,\n",
       "                38,\n",
       "                120,\n",
       "                99\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u5c0f\\u7c73\",\n",
       "                \"\\u4e09\\u661f\",\n",
       "                \"\\u534e\\u4e3a\",\n",
       "                \"\\u82f9\\u679c\",\n",
       "                \"\\u9b45\\u65cf\",\n",
       "                \"VIVO\",\n",
       "                \"OPPO\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-vintage\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_5615bf29b12e44c4a256b849dcbb03a0.setOption(option_5615bf29b12e44c4a256b849dcbb03a0);\n",
       "                var chart_a817f35c279f4d958b8e946969ccccf4 = echarts.init(\n",
       "                    document.getElementById('a817f35c279f4d958b8e946969ccccf4'), 'walden', {renderer: 'canvas'});\n",
       "                var option_a817f35c279f4d958b8e946969ccccf4 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                48,\n",
       "                130,\n",
       "                126,\n",
       "                106,\n",
       "                26,\n",
       "                124,\n",
       "                58\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                80,\n",
       "                80,\n",
       "                50,\n",
       "                82,\n",
       "                78,\n",
       "                53,\n",
       "                64\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                30,\n",
       "                52,\n",
       "                91,\n",
       "                148,\n",
       "                27,\n",
       "                69,\n",
       "                79\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                53,\n",
       "                44,\n",
       "                34,\n",
       "                114,\n",
       "                92,\n",
       "                145,\n",
       "                57\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u53ef\\u4e50\",\n",
       "                \"\\u96ea\\u78a7\",\n",
       "                \"\\u6a59\\u6c41\",\n",
       "                \"\\u7eff\\u8336\",\n",
       "                \"\\u5976\\u8336\",\n",
       "                \"\\u767e\\u5a01\",\n",
       "                \"\\u9752\\u5c9b\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-walden\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_a817f35c279f4d958b8e946969ccccf4.setOption(option_a817f35c279f4d958b8e946969ccccf4);\n",
       "                var chart_f6b2c494d113474d9150ce75187e2853 = echarts.init(\n",
       "                    document.getElementById('f6b2c494d113474d9150ce75187e2853'), 'westeros', {renderer: 'canvas'});\n",
       "                var option_f6b2c494d113474d9150ce75187e2853 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                25,\n",
       "                51,\n",
       "                115,\n",
       "                43,\n",
       "                148,\n",
       "                106,\n",
       "                98\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                75,\n",
       "                103,\n",
       "                123,\n",
       "                83,\n",
       "                44,\n",
       "                36,\n",
       "                31\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                85,\n",
       "                20,\n",
       "                132,\n",
       "                26,\n",
       "                127,\n",
       "                97,\n",
       "                31\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                21,\n",
       "                22,\n",
       "                114,\n",
       "                52,\n",
       "                31,\n",
       "                100,\n",
       "                55\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u8349\\u8393\",\n",
       "                \"\\u8292\\u679c\",\n",
       "                \"\\u8461\\u8404\",\n",
       "                \"\\u96ea\\u68a8\",\n",
       "                \"\\u897f\\u74dc\",\n",
       "                \"\\u67e0\\u6aac\",\n",
       "                \"\\u8f66\\u5398\\u5b50\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-westeros\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_f6b2c494d113474d9150ce75187e2853.setOption(option_f6b2c494d113474d9150ce75187e2853);\n",
       "                var chart_ad93a8a3bd664907bca4cb760dda8c89 = echarts.init(\n",
       "                    document.getElementById('ad93a8a3bd664907bca4cb760dda8c89'), 'wonderland', {renderer: 'canvas'});\n",
       "                var option_ad93a8a3bd664907bca4cb760dda8c89 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                40,\n",
       "                28,\n",
       "                79,\n",
       "                84,\n",
       "                148,\n",
       "                137,\n",
       "                114\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6B\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                127,\n",
       "                79,\n",
       "                118,\n",
       "                93,\n",
       "                61,\n",
       "                96,\n",
       "                32\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6C\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                145,\n",
       "                78,\n",
       "                137,\n",
       "                29,\n",
       "                136,\n",
       "                147,\n",
       "                50\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        },\n",
       "        {\n",
       "            \"type\": \"bar\",\n",
       "            \"name\": \"\\u5546\\u5bb6D\",\n",
       "            \"legendHoverLink\": true,\n",
       "            \"data\": [\n",
       "                65,\n",
       "                59,\n",
       "                93,\n",
       "                40,\n",
       "                52,\n",
       "                50,\n",
       "                127\n",
       "            ],\n",
       "            \"showBackground\": false,\n",
       "            \"barMinHeight\": 0,\n",
       "            \"barCategoryGap\": \"20%\",\n",
       "            \"barGap\": \"30%\",\n",
       "            \"large\": false,\n",
       "            \"largeThreshold\": 400,\n",
       "            \"seriesLayoutBy\": \"column\",\n",
       "            \"datasetIndex\": 0,\n",
       "            \"clip\": true,\n",
       "            \"zlevel\": 0,\n",
       "            \"z\": 2,\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\",\n",
       "                \"\\u5546\\u5bb6B\",\n",
       "                \"\\u5546\\u5bb6C\",\n",
       "                \"\\u5546\\u5bb6D\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true,\n",
       "                \"\\u5546\\u5bb6B\": true,\n",
       "                \"\\u5546\\u5bb6C\": true,\n",
       "                \"\\u5546\\u5bb6D\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"xAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"\\u5c0f\\u7c73\",\n",
       "                \"\\u4e09\\u661f\",\n",
       "                \"\\u534e\\u4e3a\",\n",
       "                \"\\u82f9\\u679c\",\n",
       "                \"\\u9b45\\u65cf\",\n",
       "                \"VIVO\",\n",
       "                \"OPPO\"\n",
       "            ]\n",
       "        }\n",
       "    ],\n",
       "    \"yAxis\": [\n",
       "        {\n",
       "            \"show\": true,\n",
       "            \"scale\": false,\n",
       "            \"nameLocation\": \"end\",\n",
       "            \"nameGap\": 15,\n",
       "            \"gridIndex\": 0,\n",
       "            \"inverse\": false,\n",
       "            \"offset\": 0,\n",
       "            \"splitNumber\": 5,\n",
       "            \"minInterval\": 0,\n",
       "            \"splitLine\": {\n",
       "                \"show\": false,\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 1,\n",
       "                    \"curveness\": 0,\n",
       "                    \"type\": \"solid\"\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Theme-wonderland\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_ad93a8a3bd664907bca4cb760dda8c89.setOption(option_ad93a8a3bd664907bca4cb760dda8c89);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f61f04146a0>"
      ]
     },
     "execution_count": 1,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Bar, Page\n",
    "from pyecharts.faker import Collector, Faker\n",
    "from pyecharts.globals import ThemeType\n",
    "\n",
    "C = Collector()\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_default() -> Bar:\n",
    "    c = (\n",
    "        Bar()\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-default\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_light() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.LIGHT))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-light\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_dark() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.DARK))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-dark\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_chalk() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.CHALK))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-chalk\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_essos() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.ESSOS))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-essos\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_infographic() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.INFOGRAPHIC))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-infographic\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_macarons() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.MACARONS))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-macarons\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_purple_passion() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.PURPLE_PASSION))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-purple-passion\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_roma() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.ROMA))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-roma\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_romantic() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.ROMANTIC))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-romantic\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_shine() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.SHINE))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-shine\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_vintage() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.VINTAGE))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-vintage\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_walden() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.WALDEN))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-walden\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_westeros() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.WESTEROS))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-westeros\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "\n",
    "@C.funcs\n",
    "def theme_wonderland() -> Bar:\n",
    "    c = (\n",
    "        Bar(init_opts=opts.InitOpts(theme=ThemeType.WONDERLAND))\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .add_yaxis(\"商家C\", Faker.values())\n",
    "        .add_yaxis(\"商家D\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"Theme-wonderland\"))\n",
    "    )\n",
    "    return c\n",
    "\n",
    "theme_c = Page().add(*[fn() for fn, _ in C.charts])\n",
    "\n",
    "#theme_c.render(\"theme_example.html\")\n",
    "theme_c.load_javascript()\n",
    "theme_c.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 河流式"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"969b3cb27d764a6d896fb3f749712372\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_969b3cb27d764a6d896fb3f749712372 = echarts.init(\n",
       "                    document.getElementById('969b3cb27d764a6d896fb3f749712372'), 'white', {renderer: 'canvas'});\n",
       "                var option_969b3cb27d764a6d896fb3f749712372 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"themeRiver\",\n",
       "            \"name\": [\n",
       "                \"DQ\",\n",
       "                \"TY\",\n",
       "                \"SS\",\n",
       "                \"QG\",\n",
       "                \"SY\",\n",
       "                \"DD\"\n",
       "            ],\n",
       "            \"data\": [\n",
       "                [\n",
       "                    \"2015/11/08\",\n",
       "                    10,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/09\",\n",
       "                    15,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/10\",\n",
       "                    35,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/11\",\n",
       "                    38,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/12\",\n",
       "                    22,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/13\",\n",
       "                    16,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/14\",\n",
       "                    7,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/15\",\n",
       "                    2,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/16\",\n",
       "                    17,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/17\",\n",
       "                    33,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/18\",\n",
       "                    40,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/19\",\n",
       "                    32,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/20\",\n",
       "                    26,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/21\",\n",
       "                    35,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/22\",\n",
       "                    40,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/23\",\n",
       "                    32,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/24\",\n",
       "                    26,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/25\",\n",
       "                    22,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/26\",\n",
       "                    16,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/27\",\n",
       "                    22,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/28\",\n",
       "                    10,\n",
       "                    \"DQ\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/08\",\n",
       "                    35,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/09\",\n",
       "                    36,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/10\",\n",
       "                    37,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/11\",\n",
       "                    22,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/12\",\n",
       "                    24,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/13\",\n",
       "                    26,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/14\",\n",
       "                    34,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/15\",\n",
       "                    21,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/16\",\n",
       "                    18,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/17\",\n",
       "                    45,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/18\",\n",
       "                    32,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/19\",\n",
       "                    35,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/20\",\n",
       "                    30,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/21\",\n",
       "                    28,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/22\",\n",
       "                    27,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/23\",\n",
       "                    26,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/24\",\n",
       "                    15,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/25\",\n",
       "                    30,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/26\",\n",
       "                    35,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/27\",\n",
       "                    42,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/28\",\n",
       "                    42,\n",
       "                    \"TY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/08\",\n",
       "                    21,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/09\",\n",
       "                    25,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/10\",\n",
       "                    27,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/11\",\n",
       "                    23,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/12\",\n",
       "                    24,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/13\",\n",
       "                    21,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/14\",\n",
       "                    35,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/15\",\n",
       "                    39,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/16\",\n",
       "                    40,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/17\",\n",
       "                    36,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/18\",\n",
       "                    33,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/19\",\n",
       "                    43,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/20\",\n",
       "                    40,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/21\",\n",
       "                    34,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/22\",\n",
       "                    28,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/23\",\n",
       "                    26,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/24\",\n",
       "                    37,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/25\",\n",
       "                    41,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/26\",\n",
       "                    46,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/27\",\n",
       "                    47,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/28\",\n",
       "                    41,\n",
       "                    \"SS\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/08\",\n",
       "                    10,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/09\",\n",
       "                    15,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/10\",\n",
       "                    35,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/11\",\n",
       "                    38,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/12\",\n",
       "                    22,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/13\",\n",
       "                    16,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/14\",\n",
       "                    7,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/15\",\n",
       "                    2,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/16\",\n",
       "                    17,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/17\",\n",
       "                    33,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/18\",\n",
       "                    40,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/19\",\n",
       "                    32,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/20\",\n",
       "                    26,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/21\",\n",
       "                    35,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/22\",\n",
       "                    40,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/23\",\n",
       "                    32,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/24\",\n",
       "                    26,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/25\",\n",
       "                    22,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/26\",\n",
       "                    16,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/27\",\n",
       "                    22,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/28\",\n",
       "                    10,\n",
       "                    \"QG\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/08\",\n",
       "                    10,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/09\",\n",
       "                    15,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/10\",\n",
       "                    35,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/11\",\n",
       "                    38,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/12\",\n",
       "                    22,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/13\",\n",
       "                    16,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/14\",\n",
       "                    7,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/15\",\n",
       "                    2,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/16\",\n",
       "                    17,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/17\",\n",
       "                    33,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/18\",\n",
       "                    40,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/19\",\n",
       "                    32,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/20\",\n",
       "                    26,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/21\",\n",
       "                    35,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/22\",\n",
       "                    4,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/23\",\n",
       "                    32,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/24\",\n",
       "                    26,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/25\",\n",
       "                    22,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/26\",\n",
       "                    16,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/27\",\n",
       "                    22,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/28\",\n",
       "                    10,\n",
       "                    \"SY\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/08\",\n",
       "                    10,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/09\",\n",
       "                    15,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/10\",\n",
       "                    35,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/11\",\n",
       "                    38,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/12\",\n",
       "                    22,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/13\",\n",
       "                    16,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/14\",\n",
       "                    7,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/15\",\n",
       "                    2,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/16\",\n",
       "                    17,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/17\",\n",
       "                    33,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/18\",\n",
       "                    4,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/19\",\n",
       "                    32,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/20\",\n",
       "                    26,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/21\",\n",
       "                    35,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/22\",\n",
       "                    40,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/23\",\n",
       "                    32,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/24\",\n",
       "                    26,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/25\",\n",
       "                    22,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/26\",\n",
       "                    16,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/27\",\n",
       "                    22,\n",
       "                    \"DD\"\n",
       "                ],\n",
       "                [\n",
       "                    \"2015/11/28\",\n",
       "                    10,\n",
       "                    \"DD\"\n",
       "                ]\n",
       "            ],\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"DQ\",\n",
       "                \"TY\",\n",
       "                \"SS\",\n",
       "                \"QG\",\n",
       "                \"SY\",\n",
       "                \"DD\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"DQ\": true,\n",
       "                \"TY\": true,\n",
       "                \"SS\": true,\n",
       "                \"QG\": true,\n",
       "                \"SY\": true,\n",
       "                \"DD\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"axis\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"singleAxis\": {\n",
       "        \"top\": \"50\",\n",
       "        \"bottom\": \"50\",\n",
       "        \"type\": \"time\"\n",
       "    },\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_969b3cb27d764a6d896fb3f749712372.setOption(option_969b3cb27d764a6d896fb3f749712372);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f61f00d7be0>"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import pyecharts.options as opts\n",
    "from pyecharts.charts import ThemeRiver\n",
    "\n",
    "\"\"\"\n",
    "Gallery 使用 pyecharts 1.1.0\n",
    "参考地址: https://echarts.baidu.com/examples/editor.html?c=themeRiver-basic\n",
    "\n",
    "目前无法实现的功能:\n",
    "\n",
    "1、暂时无法设置阴影样式\n",
    "\"\"\"\n",
    "x_data = [\"DQ\", \"TY\", \"SS\", \"QG\", \"SY\", \"DD\"]\n",
    "y_data = [\n",
    "    [\"2015/11/08\", 10, \"DQ\"],\n",
    "    [\"2015/11/09\", 15, \"DQ\"],\n",
    "    [\"2015/11/10\", 35, \"DQ\"],\n",
    "    [\"2015/11/11\", 38, \"DQ\"],\n",
    "    [\"2015/11/12\", 22, \"DQ\"],\n",
    "    [\"2015/11/13\", 16, \"DQ\"],\n",
    "    [\"2015/11/14\", 7, \"DQ\"],\n",
    "    [\"2015/11/15\", 2, \"DQ\"],\n",
    "    [\"2015/11/16\", 17, \"DQ\"],\n",
    "    [\"2015/11/17\", 33, \"DQ\"],\n",
    "    [\"2015/11/18\", 40, \"DQ\"],\n",
    "    [\"2015/11/19\", 32, \"DQ\"],\n",
    "    [\"2015/11/20\", 26, \"DQ\"],\n",
    "    [\"2015/11/21\", 35, \"DQ\"],\n",
    "    [\"2015/11/22\", 40, \"DQ\"],\n",
    "    [\"2015/11/23\", 32, \"DQ\"],\n",
    "    [\"2015/11/24\", 26, \"DQ\"],\n",
    "    [\"2015/11/25\", 22, \"DQ\"],\n",
    "    [\"2015/11/26\", 16, \"DQ\"],\n",
    "    [\"2015/11/27\", 22, \"DQ\"],\n",
    "    [\"2015/11/28\", 10, \"DQ\"],\n",
    "    [\"2015/11/08\", 35, \"TY\"],\n",
    "    [\"2015/11/09\", 36, \"TY\"],\n",
    "    [\"2015/11/10\", 37, \"TY\"],\n",
    "    [\"2015/11/11\", 22, \"TY\"],\n",
    "    [\"2015/11/12\", 24, \"TY\"],\n",
    "    [\"2015/11/13\", 26, \"TY\"],\n",
    "    [\"2015/11/14\", 34, \"TY\"],\n",
    "    [\"2015/11/15\", 21, \"TY\"],\n",
    "    [\"2015/11/16\", 18, \"TY\"],\n",
    "    [\"2015/11/17\", 45, \"TY\"],\n",
    "    [\"2015/11/18\", 32, \"TY\"],\n",
    "    [\"2015/11/19\", 35, \"TY\"],\n",
    "    [\"2015/11/20\", 30, \"TY\"],\n",
    "    [\"2015/11/21\", 28, \"TY\"],\n",
    "    [\"2015/11/22\", 27, \"TY\"],\n",
    "    [\"2015/11/23\", 26, \"TY\"],\n",
    "    [\"2015/11/24\", 15, \"TY\"],\n",
    "    [\"2015/11/25\", 30, \"TY\"],\n",
    "    [\"2015/11/26\", 35, \"TY\"],\n",
    "    [\"2015/11/27\", 42, \"TY\"],\n",
    "    [\"2015/11/28\", 42, \"TY\"],\n",
    "    [\"2015/11/08\", 21, \"SS\"],\n",
    "    [\"2015/11/09\", 25, \"SS\"],\n",
    "    [\"2015/11/10\", 27, \"SS\"],\n",
    "    [\"2015/11/11\", 23, \"SS\"],\n",
    "    [\"2015/11/12\", 24, \"SS\"],\n",
    "    [\"2015/11/13\", 21, \"SS\"],\n",
    "    [\"2015/11/14\", 35, \"SS\"],\n",
    "    [\"2015/11/15\", 39, \"SS\"],\n",
    "    [\"2015/11/16\", 40, \"SS\"],\n",
    "    [\"2015/11/17\", 36, \"SS\"],\n",
    "    [\"2015/11/18\", 33, \"SS\"],\n",
    "    [\"2015/11/19\", 43, \"SS\"],\n",
    "    [\"2015/11/20\", 40, \"SS\"],\n",
    "    [\"2015/11/21\", 34, \"SS\"],\n",
    "    [\"2015/11/22\", 28, \"SS\"],\n",
    "    [\"2015/11/23\", 26, \"SS\"],\n",
    "    [\"2015/11/24\", 37, \"SS\"],\n",
    "    [\"2015/11/25\", 41, \"SS\"],\n",
    "    [\"2015/11/26\", 46, \"SS\"],\n",
    "    [\"2015/11/27\", 47, \"SS\"],\n",
    "    [\"2015/11/28\", 41, \"SS\"],\n",
    "    [\"2015/11/08\", 10, \"QG\"],\n",
    "    [\"2015/11/09\", 15, \"QG\"],\n",
    "    [\"2015/11/10\", 35, \"QG\"],\n",
    "    [\"2015/11/11\", 38, \"QG\"],\n",
    "    [\"2015/11/12\", 22, \"QG\"],\n",
    "    [\"2015/11/13\", 16, \"QG\"],\n",
    "    [\"2015/11/14\", 7, \"QG\"],\n",
    "    [\"2015/11/15\", 2, \"QG\"],\n",
    "    [\"2015/11/16\", 17, \"QG\"],\n",
    "    [\"2015/11/17\", 33, \"QG\"],\n",
    "    [\"2015/11/18\", 40, \"QG\"],\n",
    "    [\"2015/11/19\", 32, \"QG\"],\n",
    "    [\"2015/11/20\", 26, \"QG\"],\n",
    "    [\"2015/11/21\", 35, \"QG\"],\n",
    "    [\"2015/11/22\", 40, \"QG\"],\n",
    "    [\"2015/11/23\", 32, \"QG\"],\n",
    "    [\"2015/11/24\", 26, \"QG\"],\n",
    "    [\"2015/11/25\", 22, \"QG\"],\n",
    "    [\"2015/11/26\", 16, \"QG\"],\n",
    "    [\"2015/11/27\", 22, \"QG\"],\n",
    "    [\"2015/11/28\", 10, \"QG\"],\n",
    "    [\"2015/11/08\", 10, \"SY\"],\n",
    "    [\"2015/11/09\", 15, \"SY\"],\n",
    "    [\"2015/11/10\", 35, \"SY\"],\n",
    "    [\"2015/11/11\", 38, \"SY\"],\n",
    "    [\"2015/11/12\", 22, \"SY\"],\n",
    "    [\"2015/11/13\", 16, \"SY\"],\n",
    "    [\"2015/11/14\", 7, \"SY\"],\n",
    "    [\"2015/11/15\", 2, \"SY\"],\n",
    "    [\"2015/11/16\", 17, \"SY\"],\n",
    "    [\"2015/11/17\", 33, \"SY\"],\n",
    "    [\"2015/11/18\", 40, \"SY\"],\n",
    "    [\"2015/11/19\", 32, \"SY\"],\n",
    "    [\"2015/11/20\", 26, \"SY\"],\n",
    "    [\"2015/11/21\", 35, \"SY\"],\n",
    "    [\"2015/11/22\", 4, \"SY\"],\n",
    "    [\"2015/11/23\", 32, \"SY\"],\n",
    "    [\"2015/11/24\", 26, \"SY\"],\n",
    "    [\"2015/11/25\", 22, \"SY\"],\n",
    "    [\"2015/11/26\", 16, \"SY\"],\n",
    "    [\"2015/11/27\", 22, \"SY\"],\n",
    "    [\"2015/11/28\", 10, \"SY\"],\n",
    "    [\"2015/11/08\", 10, \"DD\"],\n",
    "    [\"2015/11/09\", 15, \"DD\"],\n",
    "    [\"2015/11/10\", 35, \"DD\"],\n",
    "    [\"2015/11/11\", 38, \"DD\"],\n",
    "    [\"2015/11/12\", 22, \"DD\"],\n",
    "    [\"2015/11/13\", 16, \"DD\"],\n",
    "    [\"2015/11/14\", 7, \"DD\"],\n",
    "    [\"2015/11/15\", 2, \"DD\"],\n",
    "    [\"2015/11/16\", 17, \"DD\"],\n",
    "    [\"2015/11/17\", 33, \"DD\"],\n",
    "    [\"2015/11/18\", 4, \"DD\"],\n",
    "    [\"2015/11/19\", 32, \"DD\"],\n",
    "    [\"2015/11/20\", 26, \"DD\"],\n",
    "    [\"2015/11/21\", 35, \"DD\"],\n",
    "    [\"2015/11/22\", 40, \"DD\"],\n",
    "    [\"2015/11/23\", 32, \"DD\"],\n",
    "    [\"2015/11/24\", 26, \"DD\"],\n",
    "    [\"2015/11/25\", 22, \"DD\"],\n",
    "    [\"2015/11/26\", 16, \"DD\"],\n",
    "    [\"2015/11/27\", 22, \"DD\"],\n",
    "    [\"2015/11/28\", 10, \"DD\"],\n",
    "]\n",
    "\n",
    "\n",
    "c = (\n",
    "    ThemeRiver()\n",
    "    .add(\n",
    "        series_name=x_data,\n",
    "        data=y_data,\n",
    "        singleaxis_opts=opts.SingleAxisOpts(\n",
    "            pos_top=\"50\", pos_bottom=\"50\", type_=\"time\"\n",
    "        ),\n",
    "    )\n",
    "    .set_global_opts(\n",
    "        tooltip_opts=opts.TooltipOpts(trigger=\"axis\", axis_pointer_type=\"line\")\n",
    "    )\n",
    "    #.render(\"theme_river.html\")\n",
    ")\n",
    "c.load_javascript()\n",
    "c.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.3"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}
